<!DOCTYPE html>
<html xmlns:th="https://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>订单详细管理</title>
</head>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/jquery.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/npm.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/popper.min.js}"></script>
<script type="text/javascript" th:src="@{/bootstrap3/js/bootstrap-popover.js}"></script>
<link rel="stylesheet" type="teth:xt/css" th:href="@{/bootstrap3/css/bootstrap-theme.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.css}" />
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap-theme.min.css}"/>
<link rel="stylesheet" type="text/css" th:href="@{/bootstrap3/css/bootstrap.min.css}" />

<script type="text/javascript" src="@{/js/addbooks.js"></script>
<script type="text/javascript">
	$(document).ready(
		function(){
			document.getElementById("checkroom").hidden = true;
		}
	);
</script>
</head>
<body>
<div class="container-fluid">
	<div class="panel">
		<div class="panel-body" style="height: 450px;overflow: auto;">
			<div class="row">
				<div class="col-sm-4"></div>
			
				<div class="col-sm-4">
					<form>
					  <div class="form-group">
					    <label for="cid">客房类型</label>
						<select class="form-control" id="cid" onchange="queryrooms()" >
							<option th:each="category,categorySta:${categories}"  th:value="${category.id}">
								<label th:text="${category.name}"></label>
							</option>
						</select>
					  </div>
					  <div class="form-group">
					    <label for="residetype">预订方式</label>
					    <select class="form-control" id="residetype">
							<option value="1">单个床位</option>
							<option value="2">整个房间</option>
						</select>
					  </div>
					  <div class="form-group">
					  	<label for="sdate">开始时间</label>
					  	<input class="form-control" type="date" id="sdate"/>
					  </div>
					  <div class="form-group">
					  	<label for="edate">结束时间</label>
					  	<input class="form-control" type="date" id="edate"/>
					  </div>
					  <div class="form-group">
					  	<label for="sdate">满足条件的房间</label>
					  	<div id="checkroom">
					  		
					  	</div>
					  </div>
					  <div class="form-group text-right">
					  	<a href="javascript:void(0)" th:onclick="addBack([[${sid}]])" style="margin-right: 10px;" class="btn btn-warning btn-sm">取消</a>
					  	<a href="javascript:void(0)" th:onclick="addConfirmBook([[${sid}]])" class="btn btn-info btn-sm">下一步</a>
					  </div>
					</form>
				</div>
				
				<div class="col-sm-4"></div>
			</div>
			
		</div>
	</div>
	
</div>
</body>
</html>
